<!-- 活动页 -->
<!-- 小旗子 2020/8/20日更新-->
<!-- 小默子 2020/8/23更新 将组件内部循环移到本页 -->
<!-- 小旗子 2020/8/24更新 将组件内部循环移到本页并添加数据 -->
<template>
	<view>
		<view class="loading" :style="'height:' + loadingHeight + 'px;width: 100%;'">
			<text :style="'display: block; width: 100%; height: 100%; text-align: center; color:#999'">暂时没有活动哦~</text>
		</view>
		<!-- 轮播图 -->
		<!-- <view class="lunbo">
			<swiper indicator-dots circular>
				<swiper-item>
					<image src="../../static/logo.png" mode=""></image>
				</swiper-item>
				<swiper-item>
					<image src="../../static/logo.png" mode=""></image>
				</swiper-item>
			</swiper>
		</view> -->

		<!-- 活动组件 -->
		<!-- <ActivitiesSummary v-for="(item,index) in SummaryList[0]" :key="index" :datas="item"></ActivitiesSummary>
		<UniLoadMore :status="status" color="#7F7F7F" :contentText="contentText"></UniLoadMore> -->
	</view>
</template>
 
<script>
	// import test from '../../components/AcademicSummary.vue'
	import FansAndFollows from '../../components/FansAndFollows.vue'
	import ActivitiesSummary from '../../components/summary/ActivitiesSummary.vue' 
	import UniLoadMore from '../../components/plugins/uni-load-more.vue'
	export default {
		data() {
			return {
				loadingHeight: 0,
				swipers:[],
				SummaryList: [],
				status: "more", 
				contentText: {
					contentdown: "下拉翻找更多东西~", // loading前的文字显示
					contentrefresh: "正在翻找~~", // loading中的显示
					contentnomore: "没有东西啦！" // 没有更多的显示
				}
			}
		},
		methods: {
			loadMore: function() {
				this.status = "loading";
				setTimeout(()=>{
					this.status = "noMore"
				},2000)
			}
		},
		onLoad: function(){
			this.loadingHeight = uni.getSystemInfoSync().screenHeight
			console.log(this.loadingHeight)
			// 模拟从后台拿数据
			setTimeout(() => {
				this.SummaryList = [
						[{
							imagePath:'../../static/logo.png',
							actTitle:'军训福利',
							one:'9月4日~9月18日',
							two:'目标人群：西邮参与军训学生',
							three:'福利：军训专用鞋垫、冰凉贴',
							join:'参与人数：432',
							start:'2020-09-01'
						},
						{
							imagePath:'../../static/logo.png',
							actTitle:'军训福利',
							one:'9月4日~9月18日',
							two:'目标人群：西邮参与军训学生',
							three:'福利：军训专用鞋垫、冰凉贴',
							join:'参与人数：432',
							start:'2020-09-01'
						},
							
						]
					]
				// 当数据请求成功后改变高度
				
			},200)
		},
		onReachBottom: function() {
			this.status = 'more';
			this.loadMore()
		},
		components: {
			UniLoadMore,
			ActivitiesSummary,
			FansAndFollows,
			
		},
	}
</script>

<style lang="less">
	swiper{
		width: 750rpx;
		height: 380rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
</style>
